<template>
  <div>
    <!-- 
      ref属性结合$refs属性 可以组件对象
      总结：
        vue中我们不仅能够通过ref属性获取标签，还能获取组件对象
        既然组件对象能获取到，那么组件对象中的所有方法和属性也能获取到
     -->
    <h1>hello vue</h1>
    <demo ref="de"></demo>
  </div>
</template>

<script>
import demo from "./components/demo.vue"
export default {
  components: {
    demo
  },
  mounted(){
    console.log(this.$refs.de) // 获取到demo整个组件对象
    // 可以调用组件对象中的属性和方法
    console.log(this.$refs.de.a)
    console.log(this.$refs.de.fn())
  }
}
</script>

<style>

</style>